<template>
  <view class="styleLifeServices">
    <!-- <toast></toast> -->
    <!-- <u-navbar title="财务中心" :bgColor="navbarClass.titleBgColor" @leftClick="backHome" :placeholder="true"> </u-navbar> -->
    <view class="hdBg">
      <image class="image1" src="../../static/image/contactUs1.png" mode="" />
      <view class="head">
        <image class="image2" src="../../static/image/contactUs6.png" mode="" />
        <view class="hdText">艾溪湖管理处</view>
      </view>
    </view>
    <view class="tabList">
      <view class="tabItem">
        <view class="tabLe">
          <image class="tabImage" src="../../static/image/contactUs2.png" mode="" />
          <text class="text1">部门</text>
        </view>
        <view class="tabRi">南昌市高新区艾溪湖管理处</view>
      </view>
      <view class="tabItem">
        <view class="tabLe">
          <image class="tabImage" src="../../static/image/contactUs3.png" mode="" />
          <text class="text1">联系方式</text>
        </view>
        <view class="tabRi" @click="callPhone">88133330</view>
      </view>
      <view class="tabItem">
        <view class="tabLe">
          <image class="tabImage" src="../../static/image/contactUs4.png" mode="" />
          <text class="text1">地址</text>
        </view>
        <view class="tabRi">江西省南昌市青山湖区艾溪湖南路 与创新一路东南</view>
      </view>
      <view class="tabItem">
        <view class="tabLe">
          <image class="tabImage" src="../../static/image/contactUs5.png" mode="" />
          <text class="text1">备注</text>
        </view>
        <view class="tabRi">
          <view> 办公时间</view>
          <view> 9:00-12:00；13:30-17:00</view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  onLoad() {},
  methods: {
    gotoJump(url) {
      uni.navigateTo({
        url: url,
      })
    },
    callPhone() {
      uni.showModal({
        title: '提示',
        content: '确定需要拨打电话：88131082 吗？',
        success: function (res) {
          if (res.confirm) {
            uni.makePhoneCall({
              phoneNumber: '88131082', //仅为示例
            })
          }
        },
      })
    },
  },
}
</script>

<style lang="scss" scoped>
.styleLifeServices {
  background: #f6f6f6;
  min-height: 100vh;
  .hdBg {
    position: relative;
    .image1 {
      width: 100%;
      height: 400rpx;
    }
    .head {
      position: absolute;
      top: 80rpx;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      .image2 {
        width: 160rpx;
        height: 160rpx;
        margin-bottom: 32rpx;
      }
      .hdText {
        font-size: 36rpx;
        color: #ffffff;
      }
    }
  }

  .tabList {
    width: 100%;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 32rpx;
    .tabItem {
      display: flex;
      padding: 32rpx 0;
      border-bottom: 1px solid #e5e5e5;
      .tabLe {
        width: 190rpx;
        margin-right: 20rpx;
        color: #585858;
        display: flex;
        align-items: flex-start;

        .tabImage {
          width: 36rpx;
          height: 36rpx;
          margin-right: 18rpx;
        }
      }
      .tabRi {
        font-weight: 600;
        width: 476rpx;
        color: #35353f;
      }
      &:nth-last-child(1) {
        border: none;
      }
    }
  }
}
</style>
